﻿<!DOCTYPE html>
<html lang="en">
<head>
<title>Universidad de Chile</title>
<meta name="description" content="Place your description here">
<meta name="keywords" content="put, your, keyword, here">
<meta name="author" content="Templates.com - website templates provider">
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style2.css" type="text/css" media="all">
<link rel="stylesheet" href="css/datePicker.css" type="text/css" media="all">
<script type="text/javascript" src="js/maxheight.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
<script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<!--  checkbox styling script -->
<script src="js/jquery/ui.core.js" type="text/javascript"></script>
<script src="js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="js/jquery/jquery.bind.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		$('input').checkBox();
		$('#toggle-all').click(function(){
		$('#toggle-all').toggleClass('toggle-checked');
		$('#mainform input[type=checkbox]').checkBox('toggle');
		return false;
	});
});
</script>  


<![if !IE 7]>

	<!--  styled select box script version 1 -->
	<script src="js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
	});
	</script>
<![endif]>

	<!--  styled select box script version 2 --> 
	<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
		$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
	});
</script>

<!--  styled select box script version 3 --> 
<script src="js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!-- Custom jquery scripts -->
<script src="js/jquery/custom_jquery.js" type="text/javascript"></script>
<!--  date picker script -->
<link rel="stylesheet" href="css/datePicker.css" type="text/css" />
<script src="js/jquery/date.js" type="text/javascript"></script>
<script src="js/jquery/jquery.datePicker.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
        $(function()
{

// initialise the "Select date" link
$('#date-pick')
	.datePicker(
		// associate the link with a date picker
		{
			createButton:false,
			startDate:'01/01/2005',
			endDate:'31/12/2020'
		}
	).bind(
		// when the link is clicked display the date picker
		'click',
		function()
		{
			updateSelects($(this).dpGetSelected()[0]);
			$(this).dpDisplay();
			return false;
		}
	).bind(
		// when a date is selected update the SELECTs
		'dateSelected',
		function(e, selectedDate, $td, state)
		{
			updateSelects(selectedDate);
		}
	).bind(
		'dpClosed',
		function(e, selected)
		{
			updateSelects(selected[0]);
		}
	);
	
var updateSelects = function (selectedDate)
{
	var selectedDate = new Date(selectedDate);
	$('#d option[value=' + selectedDate.getDate() + ']').attr('selected', 'selected');
	$('#m option[value=' + (selectedDate.getMonth()+1) + ']').attr('selected', 'selected');
	$('#y option[value=' + (selectedDate.getFullYear()) + ']').attr('selected', 'selected');
}
// listen for when the selects are changed and update the picker
$('#d, #m, #y')
	.bind(
		'change',
		function()
		{
			var d = new Date(
						$('#y').val(),
						$('#m').val()-1,
						$('#d').val()
					);
			$('#date-pick').dpSetSelected(d.asString());
		}
	);

// default the position of the selects to today
var today = new Date();
updateSelects(today.getTime());

// and update the datePicker to reflect it...
$('#d').trigger('change');
});
</script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>

</head>
<body id="page1" onLoad="new ElementMaxHeight();">
<div class="tail-top">
<!-- header -->
	<header>
		<div class="container">
			<div class="header-box">
				<div class="left">
					<div class="right">
						<nav>
							<ul>
								<li class="current"><a href="index.html">Inicio</a></li>
								<li><a href="login.html">Ingresar</a></li>
								<li><a href="services.html">¿Por que registrarte?</a></li>
							</ul>
						</nav>
						<h1><a href="index.html"><span>Salud</span>Deporte</a></h1>
					</div>
				</div>
			</div>
		</div>
	</header>
<!-- content -->
	<section id="content">
	<div class="inner_copy"></div>
		<div class="container" style="height:580px;">
			<div id="faded">
			<table width="100%" cellspacing="0" cellpadding="0" border="0" id="content-table">
				<tbody><tr>
					<th class="sized" rowspan="3"><img width="20" height="300" alt="" src="images/shared/side_shadowleft.jpg"></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th class="sized" rowspan="3"><img width="20" height="300" alt="" src="images/shared/side_shadowright.jpg"></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
					<!--  start content-table-inner -->
					<div id="content-table-inner">
					
					<table width="100%" cellspacing="0" cellpadding="0" border="0">
					<tbody><tr valign="top">
					<td>
					
						<div class="slides" style="width:500px;height:400px;">
							<div align="center" style="margin-top:50px;">
								<strong class="title">Sistema de Administración de las Dependencias de </strong>
								<strong class="title">Salud y Deportivas de la Comunidad Universitaria</strong>
								<h2>Universidad de Chile.</h2>
							</div>
							<div align="center">
								<img src="images/deporte.jpg" width="300"/>
							</div>
						</div>
						<div class="pagination">
							<div class="right">
								<div align="center">
									<h2>Registrate !!</h2>
								</div>
								<table cellspacing="0" cellpadding="0" border="0" id="id-form">
									<tbody>
									<tr>
										<th valign="top">Nombres:</th>
										<td><input type="text" class="inp-form"></td>
										<td></td>
									</tr>
									<tr>
										<th valign="top">Apellidos:</th>
										<td><input type="text" class="inp-form"></td>
										<td></td>
									</tr>
									<tr>
										<th valign="top">R.U.N:</th>
										<td><input type="text" class="inp-form"></td>
										<td>
										</td>
									</tr>
									<tr>
										<th valign="top">Email:</th>
										<td><input type="text" class="inp-form"></td>
										<td>
										</td>
									</tr>
									<tr>
									<th valign="top">Contrasena:</th>
									<td>	
										<input type="text" class="inp-form">
									</td>
									<td></td>
									</tr>
									<tr>
									<th valign="top">Repita contrasena:</th>
									<td>	
										<input type="text" class="inp-form">
									</td>
									<td></td>
									</tr> 
									<tr>
									<th valign="top">Fecha de nacimiento:</th>
									<td class="noheight">
										<table cellspacing="0" cellpadding="0" border="0">
										<tbody><tr valign="top">
											<td>
											<form action="#" id="chooseDateForm">
											
											<select class="styledselect-day" id="d">
												<option value="">dd</option>
												<option value="1">1</option>
												<option value="2">2</option>
												<option value="3">3</option>
												<option value="4">4</option>
												<option value="5">5</option>
												<option value="6">6</option>
												<option value="7">7</option>
												<option value="8">8</option>
												<option value="9">9</option>
												<option value="10">10</option>
												<option value="11">11</option>
												<option value="12">12</option>
												<option value="13">13</option>
												<option value="14">14</option>
												<option value="15">15</option>
												<option value="16">16</option>
												<option value="17">17</option>
												<option value="18">18</option>
												<option value="19">19</option>
												<option value="20">20</option>
												<option value="21">21</option>
												<option value="22">22</option>
												<option value="23">23</option>
												<option value="24">24</option>
												<option value="25">25</option>
												<option value="26">26</option>
												<option value="27">27</option>
												<option value="28">28</option>
												<option value="29">29</option>
												<option value="30">30</option>
												<option value="31">31</option>
											</select>
											</form></td>
											<td>
												<select class="styledselect-month" id="m">
													<option value="">mmm</option>
													<option value="1">Jan</option>
													<option value="2">Feb</option>
													<option value="3">Mar</option>
													<option value="4">Apr</option>
													<option value="5">May</option>
													<option value="6">Jun</option>
													<option value="7">Jul</option>
													<option value="8">Aug</option>
													<option value="9">Sep</option>
													<option value="10">Oct</option>
													<option value="11">Nov</option>
													<option value="12">Dec</option>
												</select>
											</td>
											<td>
												<select class="styledselect-year" id="y">
													<option value="">yyyy</option>
													<option value="2005">2005</option>
													<option value="2006">2006</option>
													<option value="2007">2007</option>
													<option value="2008">2008</option>
													<option value="2009">2009</option>
													<option value="2010">2010</option>
												</select>
												
											</td>
											<td><a id="date-pick" href="" class="dp-applied"><img alt="" src="images/icon_calendar.jpg"></a></td>
										</tr>
										</tbody></table>
									
									</td>
									<td></td>
								</tr>
								<tr>
									<th valign="top">Sexo:</th>
									<td>	
										<select  class="styledselect_form_1">
											<option value="">Masculino</option>
											<option value="">Femenino</option>
										</select>							
									</td>
									<td></td>
								</tr>
								<tr>
									<th valign="top"><br/></th>
									<td>	
									</td>
									<td></td>
								</tr>
								<tr>
									<th>&nbsp;</th>
									<td valign="top">
										<img src="images/registrate.jpg" height="40" width="120"/>
									</td>
									<td></td>
								</tr>
								</tbody>
								</table>

							</div>
						</div>
					</div>
				</td>
				<td>
				</td>
				</tr>
				<tr>
				<td><img width="695" height="1" alt="blank" src="images/shared/blank.gif"></td>
				<td></td>
				</tr>
				</tbody></table>
				<div class="clear"></div>
				</div>
				<!--  end content-table-inner  -->
				</td>
				<td id="tbl-border-right"></td>
				</tr>
				<tr>
					<th class="sized bottomleft"></th>
					<td id="tbl-border-bottom">&nbsp;</td>
					<th class="sized bottomright"></th>
				</tr>
				</tbody></table>
			<div class="inside">
				
			</div>
		</div>
	</section>
</div>

<!-- footer -->
<footer>
	<div class="container">
		<div class="inside">
			
		</div>
	</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
